Model Behaviour *

Designer's Comments

Look carefully for specific instructions

Works well on FF & IE on Mac and PC.
Please do not remove credit image/link.

For more of my designs:
http://freebloggerdesigns.blogspot.com/

Using This Layout

For specific instructions read designer's comments

1. Log into blogger.com
2. Click on Template
3. Copy (ctrl c) and paste (ctrl v) code to EDIT HTML

Layout Code

Copy and paste to Template

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
       f
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  
<link rel="shortcut icon" href="" >
  
  
  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="web log, blog, blogger" />
  

  
<title><$BlogTitle$></title>
<style type="text/css">

</style>
<$BlogMetaData$>
<style type="text/css">
body {
	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 760px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	background-image: url();
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat;
	background-attachment: fixed;
	background-color: #000000;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
  .dateheader {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	text-transform: lowercase;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
  .BlogItemTitle {
	font-size: 14px;
	font-weight: bold;
	text-transform: lowercase;
	color: #FFFFFF;
}
  .posttext {
	text-align: justify;
	font-size: 10px;
	color: #000000;
	padding-right: 20px;
}
  .comments {
	font-size: 10px;
	text-align: right;
	padding: 2px;
}
 
.sideheader {
	font-size: 12px;
	font-weight: bold;
	height: 23px;
	width: 200px;
	color: #000000;
	text-align: center;
}
	
a:link {
	text-decoration: none;
	background-repeat: no-repeat;
	color: #FFFFFF;
 }
 
 a:visited {
  color: #FFFFFF;
  text-decoration: none;
 }
 
 a:hover {
	color: #FF3399;
	text-decoration: none;
	background-color: #FFFFFF;
 }
  li {
	list-style-position: outside;
	list-style-type: square;
}
  .sideboxes {
	padding: 10px 10px 2px 5px;
	font-size: 10px;
}
textarea, input, select, option, button {
	font-family: Tahoma, Verdana, Arial;
	background-color : #CCCCCC;
	color : #000000;
	font-size : 10px;
	border: 1px solid #999999;
}
img {
	border:0px none;
}

.background {
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left top;
}
.background2 {
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: left top;
}
.style1 {font-size: 10px}
</style>
</head>
<body><br>
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="background"><p> </p>
    <p> </p></td>
    <td width="700" align="center" valign="top"><table width="700"  border="0" align="center" cellpadding="0" cellspacing="0">
      
      <tr>
        <td width="700" height="339" valign="top" background="http://i200.photobucket.com/albums/aa231/free_blogger/innerBG.gif" ><img src="http://cbimg6.com/layouts/07/09/04/21294aa.gif" alt="" width="700" height="339" /></td>
      </tr>
      <tr>
        <td height="425" valign="top" background="http://i200.photobucket.com/albums/aa231/free_blogger/innerBG.gif"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="25"> </td>
            <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                <tr valign="top">
                  <td>
                      <Blogger>
                      <table width="100%"  border="0" cellspacing="4" cellpadding="0">
  <tr>
    <td >
	
	<table width="100%"  border="0" cellspacing="4" cellpadding="4">
                        <tr>
                          <td class="dateheader"><div align="left"><BlogDateHeader> <$BlogDateHeaderDate$></BlogDateHeader></div></td>
                        </tr>
                        <tr>
                           <td class="BlogItemTitle"><BlogItemTitle> <BlogItemUrl><a href="<$BlogItemPermalinkURL$>" title="Perma Link"> <$BlogItemTitle$> <BlogItemUrl></a> </BlogItemTitle></td>
                        </tr>
                        <tr>
                          <td class="posttext"><$BlogItemBody$></td>
                        </tr>
                        <tr>
                          <td class="comments"><div align="left"> posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a> - <MainOrArchivePage><BlogItemCommentsEnabled> </BlogItemCommentsEnabled></MainOrArchivePage><MainOrArchivePage><BlogItemCommentsEnabled><a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a> </BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$></div></td>
                        </tr>
                        <tr>
                          <td valign="top">
                              <ItemPage> <BlogItemCommentsEnabled>
                              <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                                
                                <tr>
                                  <td><a name="comments" id="comments"></a></td>
                                </tr>
                                <tr>
                                  <td><$BlogItemCommentCount$> Comments:</td>
                                </tr>
                                <tr>
                                  <td><ul>
                                      <BlogItemComments>
                                      <li id="c<$BlogCommentNumber$>"><span class="style1"><a name="c<$BlogCommentNumber$>" id="c<$BlogCommentNumber$>"></a>
                                          </span>
                                        <p class="comment-data style1">At <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>, <$BlogCommentAuthor$> said…</p>
                                          <div class="comment-body style1">
                                            <p><$BlogCommentBody$></p>
              <$BlogCommentDeleteIcon$> </div>
                                      </li>
                                      </BlogItemComments>
                                  </ul></td>
                                </tr>
                                <tr>
                                  <td><span class="style1"><$BlogItemCreate$> </span></td>
                                </tr>
                                <tr>
                                  <td><div align="right"><a href="<$BlogURL$>"><< Home</a> </div></td>
                                </tr>
                                <tr>
                                  <td height="1"></td>
                                </tr>
                              </table>
                              </BlogItemCommentsEnabled> </ItemPage>
                                                        </td>
                        </tr>
                      </table>

</td>
  </tr>
</table>

</Blogger>
                      </td>
                  <td width="218"><table width="100%"  border="0" cellspacing="0" cellpadding="4">
                      <tr><br>
                        <td class="sideheader">About Me </td>
                      </tr>
                      <tr>
                        <td class="sideboxes"><div align="center"><span class="style1"><strong>Name:</strong> <$BlogOwnerFullName$><br />
                                <strong>Home:</strong> <$BlogOwnerLocation$><br />
                                <strong>About Me:</strong> <$BlogOwnerAboutMe$><br />
                                <a href="<$BlogOwnerProfileUrl$>">See my  profile...</a><br />
                                <br />
                        </span></div>                          </td>
                      </tr>
                      <tr>
                        <td class="sideheader">Previous Post </td>
                      </tr>
                      <tr>
                        <td class="sideboxes"><ul>
                            <BloggerPreviousItems>
                            <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
                            </BloggerPreviousItems>
                        </ul></td>
                      </tr>
                      <tr>
                        <td class="sideheader">Archives</td>
                      </tr>
                      <tr>
                        <td class="sideboxes"><MainOrArchivePage>
                          <ul>
                            <BloggerArchives>
                            <li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
                            </BloggerArchives>
                          </ul>
                        </MainOrArchivePage></td>
                      </tr>
                      <tr>
                        <td class="sideheader">Links</td>
                      </tr>
                      <tr>
                        <td valign="top" class="sideboxes">

<ul>
  <li><a href="http://www.linkhere.com">Link here</a></li>
  <li><a href="http://www.linkhere.com">Link here</a></li>
  <li><a href="http://www.linkhere.com">Link here</a></li>
  <li><a href="http://www.linkhere.com">Link here</a></li>
  <li><a href="http://www.linkhere.com">Link here</a>
    
  </li>
</ul></td>
                      </tr>
                      <tr>
                        <td class="sideheader">Credits<br />                          <a href="http://www.suckmylolly.com"><img src=http://cbimg6.com/layouts/07/09/04/21294ab.gif border="0" /></a></td>
                      </tr>

<td align="center" valign="top" class="sideboxes"><center>
                          <p>                           </p>
                          </center></td>
                      </tr>
                  </table></td>
                </tr>
            </table></td>
            <td width="25"> </td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="15" valign="top" background="http://i200.photobucket.com/albums/aa231/free_blogger/innerBG.gif"><div align="right" class="style2">Image Credit <a href="http://community.livejournal.com/foto_decadent/">here</a></a> </div></td>
      </tr>
    </table></td>
    <td class="background2"> </td>
  </tr>
</table>
</body>
</html>

Layout Comments

Showing latest 2 of 2 comments

ok, um, maybe I'm just retarded, but this isn't working. >.< it says that like there are open tags and stuff, and I'm fairly familiar with html but I don't understand why it won't do it.
It does this with every blogger layout I've tried. TT_TT

By tomorrowsparty on Feb 17, 2008 3:16 am

this is pretty.

By phobias on Sep 5, 2007 6:04 pm

Layout Details

Designer	suckmylolly
Submitted on	Sep 4, 2007
Page views	26,208
Favorites	29
Comments	2
Reviewer	ThomasC
Approved on	Sep 4, 2007

Model Behaviour *

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates